Puede que quieras cambiar el estilo de fuente de tu blog, modificar el interlineado, aumentar o disminuir el padding y no sabes que efecto supondrá hacer esa modificación.
Si no recuerdas el código a modificar o sencillamente no lo sabes prueba en CSS Sandbox tus habilidades y aprende de forma divertida.
Para los que ya están familiarizados con el CSS podrán demostrar sus conocimientos, es una buena forma de pulirse en este tema.
Sandbox es una página con los distintos atributos class de los elementos que encontraremos en nuestra plantilla, haciendo cick sobre los atributos nos muestra en la parte superior de la página los cambios que se van produciendo.
Hola Gem@ yo soy un gran admirador de tu trabajo ya que sin tu ayuda mi blog no seria lo que es, y ami me gustaría saber si estarías dispuesta a intercambiar link? ya que a ti ya te eh agregado en muestra de agradecimiento, y me encataria que tu me pudieras agregar en tu blog, mi blog trata de programas portables los que hoy en día son cada vez mas importantes.
si te intereza la propuesta me avisas en mi blog o te puedes comunicar a
staff@tusportables.co.cc
adiós y gracias por tu atención, atte axel hook integrante del staff de TusPotables.co.cc
GENMA ESTOY PROBANDO DE MIS FOTOS QUE TENGO GUARDADAS EN EL DICO DURO
CUANDO LAS PONGO EN MI BLOG SI LAS PINCHAS SE HACEN GRANDES
YO VEO MOTROS BLOGS QUE LAS PINCHAS Y NON SE HACEN GRANDES
HE PROBADO TODO Y NO LO SACO
HAY ALGUN TRUCO
PERO SI, LO HAY QUE SEA PARA PARVULITOS OSEA
LA P CON A PA
GRACIAS, GUAPA
Axel Hook ante la multitud de enlaces que tenía en mi sidebar me vi casi obligada a clasificarlos de forma que no fuera una lista interminable.
Mi decisión fue dejar los enlaces relacionados con la temática del blog y el resto añadirlos en otro espacio.
Si es de tu agrado unirte a ese grupo estaré encantada de añadirte independientemente que me enlaces o no.
yz Piri la solución es eliminar el enlace que nos lleva a la imagen de mayor tamaño puedes ver como hacerlo en el siguiente enlace Imágenes en Blogger
Puedes omitir el paso que habla sobre mostrar las imágenes en su tamaño original y seguirlo para eliminar el enlace a la imagen grande ;)
La dinamica del Sandboxx es que las combinaciones que haga en él, puedo copiar el texto y llevarme a mi Sitio Web?
Amy
No se porque no he podido comentar
solo pasaba a saludar luego de un largo periodo de ausencia...besotes!!!
besotes-besotes-besotes
=)
Así es Amy, dependiendo donde deseas esos estilos así es el lugar donde lo añadiríamos.
yz Elizabetha Souvre¡ me alegra verte de nuevo!
Besotes ;)
Genma en el apartado de subir imagen pequeña mediana grande no me deja no cojer ninguna
y todo lo demas que me has dicho, es copiar es cambiar
y yo me pierdo es muy avanzado para mi
no hay nada mas facil
yo solo quiero que al poner una foto no se pueda picar y hacerla grande
gracias
Hola Gem@,
pues resulta que las fotos de los perfiles me han desaparecido de los comentarios y ahora veo que a tí tampoco te salen y en su lugar te sale algo puesto por tí, a mi ni eso, solo un cuadradito con ojitos.
¿Es cosa general?.
Disculpa, pero aunque tu post me parece muy interesante estoy preocupada por lo que te digo.
Un abrazo.
Piri puede dar la sensación que es muy complicado, y lo es cuando es la primera vez que intentamos hacerlo, pero yo te explico...
Hay dos formas de acceder a Blogger una es la tradicional http://www.blogger.com/
Y la otra por http://draft.blogger.com/
Esta última nos lleva al mismo sitio, la diferencia es que es por llamarlo de alguna forma el laboratorio de Blogger (suena a chiste pero es lo más parecido)
Si accedemos por esa dirección cuando Blogger añade algo "casi" siempre podemos visualizar y probar antes que le de salida de forma oficial.
Te explico esto porque según como accedes así es la forma de añadir imágenes, en esta última podemos incluso arrastrar la imagen y situarla donde deseamos, también tenemos la opción de hacer click sobre la imagen y escoger su tamaño.
¿Probamos?
Intenta acceder de la siguiente forma.
Pones en la barra del navegador lo siguiente:
http://draft.blogger.com/home
Una vez accedes haces como tienes costumbre, te sitúas en el editor de entradas y haces click en la pestaña de Redactar y subes una imagen.
Una vez la tienes en el editor haces click en la pestaña de Edición de HTML, verás un código parecido a este:
<div class="separator" style="clear: both; text-align: center;">
<a href="aqui viene la url de la imagen.jpg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="aqui viene la url de la imagen.jpg" /></a></div>
De todo ese código eliminamos todo lo que aparece en negrita y nos quedamos únicamente con el de la imagen.
Al eliminar ese código estamos eliminando el enlace a la imagen grande y la ubicación de la imagen, es decir si la situamos a la izquierda, derecha o centramos. Pero no pasa nada podemos ubicarla a nuestro antojo cuando situados en Redactar marcamos la imagen y hacemos click en el icono que tenemos en la parte superior del editor (son los tres iconos que hay a la derecha del icono de imagen)
Quizás me extendí demasiado, cualquier duda aquí estoy ;)
Hola Susy me he dado cuenta ahora mismo,descarto el tema del servidor porque he probado y está online.
Es extraño pero yo no modificaría nada y esperaría por si las caritas regresan solas, cosas más extrañas han pasado :O
Sobre ese icono que ves en lugar de las imágenes es porque tengo esa imagen añadida para los que comentan como anónimos.
Puedes añadirla en el script que tienes en la plantilla donde dice:
'url-de-imagen-para-anónimos'
;)
Pues eso haré, al menos me quedo más tranquila sabiendo que no solo me pasa a mí brrrrr:((.
Si no se arregla la cosa, pondré lo que me dices, aunque es una pena:o
Un abrazo.
yo nuevamente he hecho lo que tu me dicves
cuando yA LA tengo subida para ponerla en el blog hasta aqui creo haberlo hecho bien
ahora tengo la fotoapreto htlm y que debo borrar topdo el codigo y poner el que tu me dices'
NO HAY DIFERENCIA DE LEYTA NEGRILLA
UFFF SI SUPIERAS LOS DIAS QUE LLEVO ESTO.
Piri, cuando dije "De todo ese código eliminamos todo lo que aparece en negrita y nos quedamos únicamente con el de la imagen" me refería a la letra negrita del ejemplo que te he dejado.
No es necesario que pongas el que te digo sino que borres el que yo te señalo en negrita y de esa forma dejas el código de la imagen ;)
yz Pasaron horas y sigue así, esperemos a mañana, es que no hay más para mirar :O
Tengo una pregunta...
Yo modifique mi plantilla y ahora es mas grande el sector del post... y tengo un problema con eso...
Ahora que pongo una foto, este queda con el ancho de antes...
Me han dicho muchas formas de arreglarlo, pero ninguna me gusta, lo que si quiero es lo siguiente, me explicarias que codigo puedo poner o sacar o lo que sea, con el fin de que cada vez que yo suba una foto al blog, esta tome el tamaño justo del post, que en mi caso son unos 487 pixeles, me entiendes?? que se redusca hasta ajustar... dime como es??
Saludos y gran blog.
YO HE PUESTO EL CODIGO QUE TU ME DAGBAS PUES NO VEIA NADA EN NEGRITA EN MI BLOG
APARTE QUE NO HE CONSEGUIDO LO DE LA FOTO MI BLOG HA CAMBIADO DE ASPECTO,ESTA COM O MUCHO TIEMPO ATRAS
UFFFFFFFFFFF DE VERDAD QUE ME ESTA TRASTORMANDO
AHORA QUE HAGO PARA RECUPERLO COMO LO TENIA
Saludos Bocha. Hay dos formas de conseguir mostrar una imagen en un tamaño determinado.
Modificando la imagen al tamaño deseado con algún editor y subiéndola a Blogger para posteriormente eliminar el tamaño que Blogger le asigna y dejarla con su tamaño original.
Imágenes en Blogger
La otra forma de hacerlo es incluir un código que fuerce a mostrar el tamaño deseado.
<img src="aqui-url-dela-imagen" border="1" height="60" width="60" />
El valor de width y height lo puedes ir variando hasta dar con el tamaño deseado.
La url de la imagen la puedes obtener subiendo la imagen en una entrada y guardando ese entrada en borrador, o si lo prefieres en un servidor externo.
Piri creo que escribíamos al mismo tiempo...
Yo te decía que subieras una imagen y una vez subida la imagen hicieras click en la pestaña de Edición de HTML.
Verás un código y a ese código (al tuyo) le eliminas la parte que yo señalo en negrita (el que está señalado en mi ejemplo)
Modificar una imagen en el editor de entradas no altera para nada la plantilla :O
A qué te refieres con tiempo atrás ¿qué ha cambiado?
urgente no se que he hecho pero mi blog ha cambiado de color y de plantilla
algo he hecho mal
y lo peor del caso esque en el lateral de mi blog tenia un concurso con las participantes y mas cosas
y no lo recupero
dios dios
y encima sin reducir fotos
gemmna aparte de que mi blog ha cambiado no tengo ahora la posibilidad bde añadir cosas
no me sale esta posibilidad
de verdad que estoy super histerica
Piri, ante todo tranquilízate porque si estás nerviosa sólo conseguirás cometer algún que otro error.
Parece ser que cambiaste de plantilla, y lo mejor es ir paso a paso pero tranquilamente ¿ok? tus amigos entenderán lo que te ha ocurrido y pueden colaborar para que recuperes lo relacionado al concurso.
Lo primero es ¿tienes una copia de la plantilla? ¿te descargaste alguna en algún momento? si es así puedes instalarla de nuevo.
Si quieres nos comunicamos por mail, estuve mirando la caché de Google para ver si podía recuperar algo pero al parecer eliminaste todos los gadgets de la sidebar que ahora veo que fuiste añadiendo.
Mi mail es:
forevergema(arroba)gmail.com
Muchas gracias, Gem@, por el enlace a esa instructiva página.
He descubierto la variable text-indent y, al aplicarla, sólo surte efecto en la primera línea, cuando mi pretensión es que el efecto se produzca en cada punto y aparte.
¿Tienes alguna idea al respecto?
Gracias anticipadas.
Saludos.
Hola Gemit@ gracias por esta herramienta a ver si aprendo un poco. una preguntita. Es posible que al pasar el cursos sobre un enlace éste cambie de idioma? Me explico: así como puede cambiar de color o tamaño, se puede crear un efecto de traducción. :)
espero haberme explicado bien jajaja. Bueno guapetona, un abrazo, cuídate.
En mi despiste (olvido) no te he enlazado a mi blogsito. Lo que pasa es que queria hacerte un pedestal en la sidebar.(sabes cómo puedo hacelo) con velas y todo jajaja. Es broma, Gemita. Igual te enlazo. Ahora si me despido, bye :)
Sigue igual, esperemos un tiempecito a ver si se arregla. Por si acaso, voy a buscar una imagen para poner en "anónimos" y que al menos salga algo que no sea, como es, un careto un tanto sombrío, que represente a mis queridos amigos.
Vamos viendo y nos contamos eh?.
Si me encanta ria y te repito gracias ati mi blog es lo que es así que tu estas si o si indexada ami blog.
genma eres un SOL pero con ma.yusculas
lo de las fotos solucionado
me he copiado la clave y asi no tengo que ir poniendola
pues no se me quedaba fija
pero ya arranco
lo del b log leyendote, he ido a las plantillas y la he recuperado
si puedes mandame un e-mail para tener tu direccion
gracias
amcocaba@gmail.com
Josep ¿lo que estás buscando no será por casualidad justificar el texto?
yz F.L eso sería una maravilla si lo encuentras me encantaría saberlo :)
Por lo del altar no te preocupes dejemos eso para los santos :)
yz Sigue igual si, estuve investigando no creas que no pero... tendré que esforzarme más :O
YZ Gracias Axel cuenta con ese enlace, nada más termine los comentarios voy a ello ;)
yz Me alegra mucho Piri ¡que nerviosa te pones mujer! ¿viste como has sabido arreglarlo? como te entiendo... hace un año haciendo cambios en tres plantillas al mismo tiempo guardé los cambios y no me di cuenta que lo estaba haciendo en la plantilla de este blog.
Cuando Blogger quiere es rapidísimo todo fue un abrir y cerrar de ojos y ni te cuento.
Mi mail te lo dejé antes Piri es forevergema(arroba)gmail.com ;)
No, Gem@: lo que pretendo es lo que en el procesador de textos se denomina "sangrado", es decir, el inicio de cada párrafo adentrado a partir del margen izquierdo.
Usando text-indent, sólo queda sangrado el primer párrafo, pero no el resto.
He estado haciendo pruebas, pero no hallo donde insertarlo para que se aplique al cuerpo de cada "post".
Saludos.
Lo puedes hacer con html Josep:
<p style="text-indent:2em;"> La propiedad text-indent se usa para tabular (indent, sangría de texto) la primera línea dentro de un bloque.</p>
Hola, Gem@:
Lo del text-indent ya lo he probado, pero sólo se aplica en la primera línea del primer párrafo.
He estado haciendo pruebas en distintos lugares, he buscado en internet, y no acabo de conseguir que se aplique a todo el texto. Porque si lo tengo que colocar en cada inicio de párrafo, entonces no me sirve, por demasiado laborioso.
¿hay alguna forma de definir como variable -por ejemplo- la forma del párrafo, y entonces se aplicaría automáticamente a todas las entradas?
Te dejo unos enlaces que he hallado y no entiendo:
Tipografía y párrafos
Ejemplos de párrafos
Otros ejemplos, muy bonitos
Saludos.
Es que la propiedad text-indent se aplica únicamente al primer párrafo, añadido a la css se mostraría en todas las entradas pero con sangría en la primera línea del primer párrafo.
Con html se puede mostrar tantas veces quieras, no es necesario añadirlo copiando y pegando cada vez que deseas crear una entrada.
Si lo añades a la plantilla de entrada automáticamente se muestra en el editor en las próximas entradas que vayas a editar.
Sé que puede resultar algo molesto pero es cuestión de práctica, yo suelo hacerlo para justificar texto, mostrar código y otra serie de códigos para aumentar las imágenes de tamaño, incluso... alguna imagen que utilice mucho.
Es como si quedara todo grabado y preparado para la próxima vez. Si no sabes de qué trata mira esta entrada
Miraré los enlaces pintan muy bien ;)
Gracias Josep.
En esos ejemplos concretamente en este enlace hay un ejemplo donde dice "6. Two lead indent without boundary, justified"
Creo que es lo que más se acerca a lo que estás buscando.
Consiste en añadir unas líneas a la css, como se trata de añadirlo a las entradas sería añadirlas en .post {
.post {
xxxxxxxx
xxxxxxxx
xxxxxxxx
text-indent: 2.5em;
text-align: justify;
}
Las equis sería el código que ya tienes y añadimos text-indent y text-align, una vez lo añadimos y guardamos en nuestras entradas aparecería la sangría en el primer párrafo pero... Si queremos que aparezca en todos los párrafos de una entrada es preciso como te decía el otro día añadir algo así:
<div class="example indent2 justify">
<p>Texto primer párrafo</p>
<p>Texto segundo párrafo</p>
<p>Texto tercer párrafo</p>
</div>
Mira este ejemplo que hice, en la entrada que aparece en primer lugar no añadí nada a la entrada, en la segunda añadí este ejemplo anterior.
Disculpa, Gem@, pero no lo entiendo:
Ese div class ¿donde lo coloco? ¿funcionará automáticamente, o tengo que insertarlo en la plantilla para añadirlo a mano a cada párrafo?
Gracias y perdona mi torpeza.
El último código es un bloque (div ) es para añadirlo en cada entrada, como te dije en otro comentario puedes añadirlo a la plantilla de entrada y te aparecerá automáticamente en todas las entradas.
A cada párrafo con "p" se le añade entonces una sangría.
Esa es la única forma de añadirlo a todos los párrafos.
Haz la prueba, no pierdes nada y ves el efecto ;)
Gracias¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡
:>
No hay de qué Themasteralex :)
Nota: solo los miembros de este blog pueden publicar comentarios.